$(function(){
//	swipe绑定手指滑动事件,类似于on事件
//	里面可以写相应的滑动事件,上滑/下滑/左滑/右滑/双击等
//获取屏幕的宽度
 	var winLen = $(window).innerWidth();
 	var lileng = $(".banner ul li").length;
 	var circle = $(".circle li");
 	var tag = 0;
//将屏幕的宽度值赋给ul以及li,记得带单位px
	$(".banner ul").css("width",winLen*lileng+"px");
	$(".banner ul li").css("width",winLen+"px");

//  点击屏幕的时候，实现移动
	$(".banner ul li").swipe({
		swipeLeft:function(){
			if(tag>=lileng-1){
				tag=-1;
			}
			tag++;			
			$(".banner ul li").eq(tag).show();
			$(".banner ol li").eq(tag).addClass("on");
			$(".banner ul li").not($(".banner ul li").eq(tag)).hide();
			$(".banner ol li").not($(".banner ol li").eq(tag)).removeClass("on");
			
		},
		swipeRight:function(){
			if(tag<= 0){
				tag = 5;
			}
			tag--;
			$(".banner ul li").eq(tag).show();
			$(".banner ol li").eq(tag).addClass("on");		
			$(".banner ul li").not($(".banner ul li").eq(tag)).hide();	
			$(".banner ol li").not($(".banner ol li").eq(tag)).removeClass("on");	
		}
		
	})
	circle.swipe({
		click:function(){
			tag = $(this).index();
			$(".banner ul li").eq(tag).show();
			$(".banner ol li").eq(tag).addClass("on");		
			$(".banner ol li").not($(".banner ol li").eq(tag)).removeClass("on");	
			$(".banner ul li").not($(".banner ul li").eq(tag)).hide();
		}
	})
	//当窗口发生变化的时候
	$(window).resize(function(){
		//重新加载窗口，这样也就是重新刷新一次。
		location.reload();
	})

})

